<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="checkbox"  class="check">
    <script>


        // 1.获取checkbox状态；
        // document.querySelector(".check").onclick = function(){
        //     // console.log(this);
        //    console.log(  this.checked);
        // }

        // 元素属性 对象属性
        // 2.设置 checkbox状态
        var checkEle = document.querySelector(".check");
        // checkEle.num = 10;
        //     console.dir(checkEle)


        document.onclick = function(){
            // checkEle.checked = !checkEle.checked;
            checkEle.setAttribute("checked","checked");
        }
        // var a = 10;
        // var b = 20;
        // function test(){
        //     var str = "123";
        //     console.log(str);
        // }
        // test();
        // // console.log(str);

        // 闭包
        // 函数环境  context：上下文
        // 常驻内存；
        // function fn(){
        //     var a = 10;
        //     return function(){
        //         console.log(a);
        //     }
        // }
        // var myfn = fn();
        // myfn();
        // myfn = null;  
        // var b = 10;


        // function ajax(success){
        //     let data = {name:"张三"};
        //     success(data);
        // }

        // ajax(function(res){
        //     console.log(res)
        // })


    </script>
</body>
</html>